<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>连接WIFI配置页面</title>
</head>

<body style="text-align:center;background:#f8fffbb2;">
    <h1>连接WIFI配置页面</h1>
    <form action="/userWifiConfig" method="get">
        <label>WIFI名称</label>
        <input type="text" name="ssid" />
        <br />
        <label>WIFI密码</label>
        <input type="password" name="pwd" />
        <br />
        <label>MQTT服务器</label>
        <input type="text" name="mqttSer" />
        <br />
        <label>MQTT用户名</label>
        <input type="text" name="mqttName" />
        <br />
        <label>MQTT密码</label>
        <input type="password" name="mqttPwd" />
        <br />
        <label>MQTT端口</label>
        <input type="text" name="mqttPort" />
        <br />
        <label>MQTT_Topic=</label>
        <input type="text" name="Topic" />
        <br />
        <input type="submit" value="确认" style="background:#678df9;height:40px;width:60px;border-radius:5px;border:none;outline:none;"/>
    </form>
    <p style="max-width:50vw;margin:auto;">注意：WIfi输入错误或连接不上时将返回该配置。</p>
</body>
<style>
    input{
        margin-bottom:30px;
    }
</style>
</html>